<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        *{
            padding: 0;
            margin: 0;
        }
        .particleGround {
            background-image: linear-gradient(135deg,#79f1a4, #0e6fc6);
            position: fixed;
            width: 100vw;
            height: 100vh;
        }
    </style>
</head>
<body>
<div class="particleGround"></div>
<script src="./js/jquery-3.2.0.min.js"></script>
<!--<script src="./js/jquery.particleground.js"></script>-->
<script>
//    $(document.querySelector(".particleGround")).particleground({
//        dotColor: '#fff',   //设置粒子的颜色
//        lineColor: '#fff',  //设置线的颜色
//        dotOpacity: 0.2,    //设置粒子的透明度
//        lineOpacity: 0.2,   //设置线的透明度
//        minSpeedX: 0.4,     //设置x轴方向的最小移动速度
//        maxSpeedX: 1,       //设置x轴方向的最大移动速度
//        minSpeedY:0.4,      //设置y轴方向的最小移动速度
//        maxSpeedY:1,        //设置y轴方向的最大移动速度
//        parallax: false,    //指定粒子是否跟随鼠标
//        directionX: "center",   //指定粒子x轴的走向
//        directionY: "center",   //指定粒子y轴的走向
//        dotMinSize: 3,      //如果想让粒子大小相同,只需dotMinSize和dotMaxSize相同即可
//        dotMaxSize: 20,
//        lineWidth:1,         //设置线的宽度
//        curvedLines:false,  //设置线是否弯曲,前提是parallax为true
//        density:40000,       //设置粒子密度,值越大,密度越小
//        clickAddDot:true,   //设置是否添加点击画布添加粒子事件
//        addDotNumber:2,     //设置每次点击添加的粒子个数
//        dotShape:"heart",      //设置粒子的形状  可选址:circle edge(正方形) triangle(三角形) polygon(多边形) star
//        sideNumber:5,        //对polygon,star才有效
//        proximity:100        //在指定的范围内,粒子之间产生会产生连线
//    });
</script>
<script src="./js/particleground.js"></script>
<script>
    ParticleGround(document.querySelector('.particleGround'),{
        dotColor: '#fff',   //设置粒子的颜色
        lineColor: '#fff',  //设置线的颜色
        dotOpacity: 0.2,    //设置粒子的透明度
        lineOpacity: 0.2,   //设置线的透明度
        minSpeedX: 0.4,     //设置x轴方向的最小移动速度
        maxSpeedX: 1,       //设置x轴方向的最大移动速度
        minSpeedY:0.4,      //设置y轴方向的最小移动速度
        maxSpeedY:1,        //设置y轴方向的最大移动速度
        parallax: false,    //指定粒子是否跟随鼠标
        directionX: "center",   //指定粒子x轴的走向
        directionY: "center",   //指定粒子y轴的走向
        dotMinSize: 3,      //如果想让粒子大小相同,只需dotMinSize和dotMaxSize相同即可
        dotMaxSize: 20,
        lineWidth:1,         //设置线的宽度
        curvedLines:false,  //设置线是否弯曲,前提是parallax为true
        density:15000,       //设置粒子密度,值越大,密度越小
        clickAddDot:false,   //设置是否添加点击画布添加粒子事件
        addDotNumber:2,     //设置每次点击添加的粒子个数
        dotShape:"heart",      //设置粒子的形状  可选址:circle edge(正方形) triangle(三角形) polygon(多边形) star
        sideNumber:5,        //对polygon,star才有效
        proximity:100        //在指定的范围内,粒子之间产生会产生连线
    })
</script>
</body>
</html>
